/* line 4, ../sass/traffic.scss */
body, h2, h3, p, label, input, div, nav, a, img {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}

/* line 6, ../sass/traffic.scss */
body {
  font-family: "微軟正黑體";
  font-size: 14px;
  background: #d5124e url(../img/mbg.jpg) repeat-x center 17px;
}

/* line 9, ../sass/traffic.scss */
.Nindex {
  position: absolute;
  left: 0;
  top: 70px;
  width: 603px;
  height: 200px;
  line-height: 150px;
  text-indent: -9999px;
}

/* line 11, ../sass/traffic.scss */
.nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 53px;
  z-index: 50;
  background: url(../img/topbg.png) repeat-x left top;
}
/* line 13, ../sass/traffic.scss */
.nav .logo {
  position: absolute;
  right: 200px;
  top: 5px;
}
/* line 14, ../sass/traffic.scss */
.nav .fb {
  width: 40px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 150px;
  padding: 12px 0 21px; /* eric modify original 53px*/
}


/* line 18, ../sass/traffic.scss */
.enter {
  width: 155px;
  height: 155px;
  display: block;
  text-indent: -9999px;
  background: url(../img/enter.png) no-repeat left top;
}
/* line 20, ../sass/traffic.scss */
.enter:hover {
  background-position: left bottom;
  cursor: pointer;
}

/* line 22, ../sass/traffic.scss */
.footer {
  width: 100%;
  position: relative;
  bottom: -800px;
  color: white;
}
/* line 23, ../sass/traffic.scss */
.footer ul {
  width: 783px;
}
/* line 24, ../sass/traffic.scss */
.footer a {
  width: 220px;
  margin-right: 5px;
}
/* line 25, ../sass/traffic.scss */
.footer li, .footer a, .footer p {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 50px;
  line-height: 50px;
}
/* line 26, ../sass/traffic.scss */
.footer .viewer {
  position: absolute;
  top: 10px;
  right: 0;
}
/* line 27, ../sass/traffic.scss */
.footer .viewer p {
  display: block;
  display: inline;
  float: left;
  color: white;
}

/* line 30, ../sass/traffic.scss */
#midWrap {
  margin: 0 auto;
  width: 783px;
  position: relative;
  display: block;
}

/* line 32, ../sass/traffic.scss */
.menu, .evTime, .article, .tabs {
  position: absolute;
}

/* line 34, ../sass/traffic.scss */
.menu li {
  width: 150px;
  height: 150px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 35, ../sass/traffic.scss */
.menu a {
  background: url(../img/menu.png) no-repeat;
  display: block;
  width: 150px;
  height: 153px;
  text-indent: -9999px;
}
/* line 37, ../sass/traffic.scss */
.menu .info {
  background-position: 0 0;
}
/* line 38, ../sass/traffic.scss */
.menu .guess {
  background-position: -150px 0;
}
/* line 39, ../sass/traffic.scss */
.menu .likeIt {
  background-position: -300px 0;
}
/* line 40, ../sass/traffic.scss */
.menu .winner {
  background-position: -450px 0;
}
/* line 42, ../sass/traffic.scss */
.menu .info:hover, .menu .info.focus {
  background-position: 0 -160px;
}
/* line 43, ../sass/traffic.scss */
.menu .guess:hover, .menu .guess.focus {
  background-position: -150px -160px;
}
/* line 44, ../sass/traffic.scss */
.menu .likeIt:hover, .menu .likeIt.focus {
  background-position: -300px -160px;
}
/* line 45, ../sass/traffic.scss */
.menu .winner:hover, .menu .winner.focus {
  background-position: -450px -160px;
}

/* line 49, ../sass/traffic.scss */
#index #midWrap {
  background: url(../img/indexbg.jpg) no-repeat top left;
  width: 1088px;
  min-height: 783px;
}
/* line 51, ../sass/traffic.scss */
#index .menu {
  top: 580px;
  left: 310px;
}
/* line 52, ../sass/traffic.scss */
#index .article {
  width: 500px;
  height: 120px;
  color: white;
  font-size: 16px;
  top: 460px;
  right: 190px;
  line-height: 1.5em;
}

/* line 58, ../sass/traffic.scss */
#info #midWrap, #winner #midWrap {
  background: url(../img/infobg.jpg);
  width: 1088px;
  min-height: 1420px;
}
/* line 59, ../sass/traffic.scss */
#info .menu, #winner .menu {
  top: 255px;
  left: 90px;
}
/* line 60, ../sass/traffic.scss */
#info .footer, #winner .footer {
  bottom: -1420px;
}
/* line 61, ../sass/traffic.scss */
#info .tabs, #winner .tabs {
  left: 150px;
  top: 420px;
}
/* line 61, ../sass/traffic.scss */
#info .tabs li, #winner .tabs li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 62, ../sass/traffic.scss */
#info .tab, #winner .tab {
  width: 135px;
  height: 105px;
  display: block;
  text-indent: -9999px;
  background: url(../img/tab.png) no-repeat left top;
}
/* line 64, ../sass/traffic.scss */
#info .tab.g1, #winner .tab.g1 {
  background-position: left 5px;
}
/* line 65, ../sass/traffic.scss */
#info .tab.g2, #winner .tab.g2 {
  background-position: right 5px;
}
/* line 66, ../sass/traffic.scss */
#info .tab.g1:hover, #info .g1.focus, #winner .tab.g1:hover, #winner .g1.focus {
  background-position: left -110px;
}
/* line 67, ../sass/traffic.scss */
#info .tab.g2:hover, #info .g2.focus, #winner .tab.g2:hover, #winner .g2.focus {
  background-position: right -110px;
}
/* line 68, ../sass/traffic.scss */
#info .hidden, #winner .hidden {
  display: none;
}
/* line 69, ../sass/traffic.scss */
#info .tabBox, #winner .tabBox {
  color: #3e3a39;
  width: 705px;
  height: 480px;
  position: absolute;
  left: 160px;
  top: 585px;
  padding: 15px;
  overflow-y: scroll;
}
/* line 72, ../sass/traffic.scss */
#info .tabBox h3, #winner .tabBox h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}
/* line 73, ../sass/traffic.scss */
#info .tabBox h2, #winner .tabBox h2 {
  display: none;
}
/* line 74, ../sass/traffic.scss */
#info .tabBox ul li, #winner .tabBox ul li {
  list-style-type: lower-roman;
}

/* line 78, ../sass/traffic.scss */
#winner {
  color: #3e3a39;
  font-size: 15px;
}
/* line 78, ../sass/traffic.scss */
#winner h3 {
  color: #810101;
  font-size: 18px;
  border-bottom: 1px solid #810101;
  margin: 15px 0;
}

/* line 83, ../sass/traffic.scss */
#guess #midWrap {
  background: url(../img/guessbg.jpg);
  width: 1088px;
  min-height: 1420px;
}
/* line 84, ../sass/traffic.scss */
#guess .menu {
  top: 255px;
  left: 90px;
}
/* line 85, ../sass/traffic.scss */
#guess .footer {
  bottom: -1420px;
}
/* line 88, ../sass/traffic.scss */
#guess .gameArea {
  position: absolute;
  top: 550px;
  left: 150px;
}
/* line 89, ../sass/traffic.scss */
#guess .gameArea .enter {
  left: 300px;
  top: 690px;
  position: absolute;
  display: block;
  background-position: -153px top;
}
/* line 91, ../sass/traffic.scss */
#guess .gameArea .enter:hover {
  background-position: -153px bottom;
}
/* line 94, ../sass/traffic.scss */
#guess .qs {
  width: 710px;
  height: 200px;
  margin-bottom: 40px;
}
/* line 95, ../sass/traffic.scss */
#guess .qs img {
  display: inline;
  float: left;
  padding: 3px 3px 0 0;
}
/* line 96, ../sass/traffic.scss */
#guess .qs.Q2 h2 {
  line-height: 50px;
}
/* line 97, ../sass/traffic.scss */
#guess .qs h2 {
  color: #630000;
  font-size: 20px;
  height: 50px;
}
/* line 98, ../sass/traffic.scss */
#guess .qs label {
  padding-bottom: 3px;
  display: block;
}
/* line 99, ../sass/traffic.scss */
#guess .qs p {
  color: #0f5a01;
  font-size: 15px;
  line-height: 1.5em;
  padding: 3px;
}
/* line 100, ../sass/traffic.scss */
#guess .qs p:hover, #guess .qs p:focus, #guess .qs p.checked {
  color: white;
  background-color: #ba0000;
  width: 380px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  -webkit-box-shadow: 2px 2px #9b6b64;
  -moz-box-shadow: 2px 2px #9b6b64;
  box-shadow: 2px 2px #9b6b64;
}
/* line 104, ../sass/traffic.scss */
#guess .qs p:hover:hover, #guess .qs p:focus:hover, #guess .qs p.checked:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 106, ../sass/traffic.scss */
#guess .qs input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 0.01;
  display: inline;
  float: left;
}
/* line 108, ../sass/traffic.scss */
#guess .hidden {
  display: none;
}
/* line 110, ../sass/traffic.scss */
#guess .pop {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 2000px;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
}
/* line 113, ../sass/traffic.scss */
#guess .pop .enter {
  margin-left: 200px;
}
/* line 114, ../sass/traffic.scss */
#guess .pop .boxbg {
  width: 650px;
  height: 467px; /*647px; By Eric*/
  position: relative;
  background: url(../img/box.png) no-repeat;
  display: block;
  margin: auto;/*150px auto; By Eric*/
}
/* line 117, ../sass/traffic.scss */
#guess .pop .boxbg p {
  color: #6a0505;
  font-size: 30px;
  width: 390px;
  margin-left: 80px;
  padding-top: 55px;
}
/* line 120, ../sass/traffic.scss */
#guess .pop.wrong .boxbg {
  background: url(../img/boxW.png) no-repeat;
}
/* line 121, ../sass/traffic.scss */
#guess .pop.wrong .boxbg .enter {
  background-position: -310px top;
}
/* line 122, ../sass/traffic.scss */
#guess .pop.wrong .boxbg .enter:hover {
  background-position: -310px bottom;
}

/* line 132, ../sass/traffic.scss */
#uInfo #midWrap {
  background: url(../img/uInfo.jpg);
  width: 1088px;
  min-height: 1420px;
}
/* line 133, ../sass/traffic.scss */
#uInfo .menu {
  top: 255px;
  left: 90px;
}
/* line 134, ../sass/traffic.scss */
#uInfo .footer {
  bottom: -1420px;
}
/* line 135, ../sass/traffic.scss */
#uInfo .user {
  position: absolute;
  left: 520px;
  top: 650px;
}
/* line 136, ../sass/traffic.scss */
#uInfo .user input {
  background-color: transparent;
  display: block;
  border: none;
  outline: none;
  height: 26px;
  line-height: 26px;
  margin-bottom: 24px;
  min-width: 330px;
}
/* line 139, ../sass/traffic.scss */
#uInfo .user .checkbox input {
  min-width: 30px;
  margin-left: -15px;
}
/* line 140, ../sass/traffic.scss */
#uInfo .user .checkbox input, #uInfo .user .checkbox a, #uInfo .user .checkbox p {
  display: inline;
  height: 12px;
  line-height: 12px;
  font-size: 15px;
  vertical-align: center;
}
/* line 142, ../sass/traffic.scss */
#uInfo .user .checkbox a {
  color: #910303;
  text-decoration: none;
}
/* line 145, ../sass/traffic.scss */
#uInfo .enter {
  position: absolute;
  left: 100px;
  top: 230px;
  background-position: -153px top;
}
/* line 146, ../sass/traffic.scss */
#uInfo .enter:hover {
  background-position: -153px bottom;
}
/* line 148, ../sass/traffic.scss */
#uInfo .reset {
  left: 200px;
  top: 230px;
  background-position: -465px top;
}
/* line 149, ../sass/traffic.scss */
#uInfo .reset:hover {
  background-position: -465px bottom;
}

/* line 153, ../sass/traffic.scss */
#likeIt #midWrap {
  background: url(../img/sPhoto.jpg);
  width: 1088px;
  min-height: 1420px;
}
/* line 154, ../sass/traffic.scss */
#likeIt .menu {
  top: 255px;
  left: 90px;
}
/* line 155, ../sass/traffic.scss */
#likeIt .footer {
  bottom: -1420px;
}
/* line 156, ../sass/traffic.scss */
#likeIt .photo p {
  width: 400px;
  height: 238px;
  position: absolute;
  display: block;
  cursor: pointer;
  cursor: hand;
}
/* line 157, ../sass/traffic.scss */
#likeIt .photo p:hover, #likeIt .photo p.checked {
  background: url(../img/sPhotoC.jpg) no-repeat left top;
}
/* line 159, ../sass/traffic.scss */
#likeIt p.p1 {
  left: 130px;
  top: 622px;
}
/* line 159, ../sass/traffic.scss */
#likeIt p.p1:hover, #likeIt p.p1.checked {
  background-position: left top;
}
/* line 160, ../sass/traffic.scss */
#likeIt p.p2 {
  left: 540px;
  top: 622px;
}
/* line 160, ../sass/traffic.scss */
#likeIt p.p2:hover, #likeIt p.p2.checked {
  background-position: right top;
}
/* line 161, ../sass/traffic.scss */
#likeIt p.p3 {
  left: 130px;
  top: 872px;
}
/* line 161, ../sass/traffic.scss */
#likeIt p.p3:hover, #likeIt p.p3.checked {
  background-position: left bottom;
}
/* line 162, ../sass/traffic.scss */
#likeIt p.p4 {
  left: 540px;
  top: 872px;
}
/* line 162, ../sass/traffic.scss */
#likeIt p.p4:hover, #likeIt p.p4.checked {
  background-position: right bottom;
}
/* line 164, ../sass/traffic.scss */
#likeIt .enter, #likeIt .ct {
  background: left top;
  background-image: url(../img/ct.png);
  left: 460px;
  top: 1150px;
  position: absolute;
}
/* line 166, ../sass/traffic.scss */
#likeIt .enter:hover, #likeIt .ct:hover {
  background-position: left bottom;
}

/* line 170, ../sass/traffic.scss */
#likeIt2 #midWrap {
  background: url(../img/likeItbg.jpg);
  width: 1088px;
  min-height: 1420px;
}
/* line 171, ../sass/traffic.scss */
#likeIt2 .menu {
  top: 255px;
  left: 90px;
}
/* line 172, ../sass/traffic.scss */
#likeIt2 .footer {
  bottom: -1420px;
}
/* line 173, ../sass/traffic.scss */
#likeIt2 .enter {
  background-position: -153px top;
  right: 180px;
  top: 700px;
  position: absolute;
}
/* line 175, ../sass/traffic.scss */
#likeIt2 .enter:hover {
  background-position: -153px bottom;
}
/* line 176, ../sass/traffic.scss */
#likeIt2 .sharePic {
  position: absolute;
  left: 250px;
  top: 650px;
}